<template>
      <div class="list">
            <!-- 多个产品 -->
            <div class="good" v-for="(item,index) in tabs[currentIndex].list" :key="index">
               <div class="imgbox">
                   <img :src="item.pic" alt="">
               </div>
               <div class="text">
                   <div class="name">{{item.name}}</div>
               <div class="price">{{item.price}}</div>
               </div>
               
            
            
            
            </div>
      </div>
</template>

<script>
export default {
    //   子组件中通过props接收从父组件传来的值，该值是只读的
    props:['tabs','currentIndex']
}
</script>

<style lang="scss" scoped>
  .list{
      flex: 1;
  }
  .list .good{
      display: flex;
      margin:10px 0;
     
  }

  .list .imgbox{
          width:80px;
      margin-right: 10px;
  }


  .list .imgbox img{
      width: 100%;
  }

.text .name{
    font-weight: 800;
}

</style>